﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Site.master" CodeFile="Default.aspx.cs"
    Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="Server">
    <script type="text/javascript">
        function init() {
        }
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <script>
        function ShowDropdown(ctrl) {
            if ($(ctrl).children().next().is(":hidden")) {
                if ($(ctrl).children().next().find(".innerhotjobs tr").length > 2) {
                    $(ctrl).children().next().slideDown("slow");
                }
            }
        }
        function CloseDropdown(ctrl) {
            $(ctrl).children().next().slideUp("slow");
        }
    </script>

    <!--Tab And Add Row Start Here-->
    <div class="row top-margin">
        <!--Tab Start here-->
        <div class="col-md-8 col-md-width no-pading">
            <div id="tab-container" class='tab-container'>
                <div role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#all-jobs" aria-controls="home" role="tab" data-toggle="tab">All Jobs</a></li>
                        <li role="presentation"><a href="#government-jobs" aria-controls="messages" role="tab" data-toggle="tab" class="none-click">|</a></li>
                        <li role="presentation"><a href="#government-jobs" aria-controls="profile" role="tab" data-toggle="tab">Government jobs</a></li>
                        <li role="presentation"><a href="#newspaper-job" aria-controls="messages" role="tab" data-toggle="tab" class="none-click">|</a></li>
                        <li role="presentation"><a href="#newspaper-jobs" aria-controls="settings" role="tab" data-toggle="tab">Newspaper Jobs</a></li>
                    </ul>
                    <div class="clearfix"></div>
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="all-jobs">
                            <div class="all-job-cat-home">
                                <ul class="list-menu">
                                    <asp:DataList ID="dlList" runat="server" RepeatColumns="2" RepeatLayout="Table" RepeatDirection="Vertical"
                                        Width="100%">
                                        <ItemTemplate>
                                            <li>
                                                <a href="#" onclick="return CallAllJobsLinks(<%#Eval("ID") %>)">
                                                    <%# Eval("Caterogy") %></a>
                                            </li>
                                        </ItemTemplate>
                                    </asp:DataList>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="government-jobs">
                            <div class="all-job-cat-home">
                                <ul class="list-menu">
                                    <asp:DataList ID="dlGovtJobs" runat="server" RepeatColumns="2" RepeatLayout="Table"
                                        RepeatDirection="Vertical" Width="100%">
                                        <ItemTemplate>
                                            <li>
                                                <a href="#" onclick="return CallGovtJobsLinks(<%#Eval("ID") %>)">
                                                    <%# Eval("Caterogy") %></a>
                                            </li>
                                        </ItemTemplate>
                                    </asp:DataList>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="newspaper-job">
                            <h2>Soon</h2>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="newspaper-jobs">
                            <div class="all-job-cat-home">
                                <ul class="list-menu">
                                    <asp:DataList ID="dlNewspaperJobs" runat="server" RepeatColumns="2" RepeatLayout="Table"
                                        RepeatDirection="Vertical" Width="100%">
                                        <ItemTemplate>
                                            <li>
                                                <a href="#" onclick="return CallNewspaperJobsLinks(<%#Eval("ID") %>)">
                                                    <%# Eval("Caterogy") %></a>
                                            </li>
                                        </ItemTemplate>
                                    </asp:DataList>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--Tab Cotainer here-->
                    <div class="clearfix"></div>
                    <div class="tab-footer quick-links">
                        <ul class="list-inline">
                            <li>Quick Links :</li>
                            <li><a href="#" onclick="return CallQuickLinks('0')">Deadline Tomorrow</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a href="#" onclick="return CallQuickLinks('1')">Full Time</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a href="#" onclick="return CallQuickLinks('2')">Internship</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a href="#" onclick="return CallQuickLinks('3')">Part Time</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a href="#" onclick="return CallQuickLinks('4')">Temporary Contact</a></li>
                            <%--<li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                        <li><a href="#" onclick="return CallQuickLinks('4')">Temporary Contact</a></li>--%>
                        </ul>

                        <ul class="list-inline color">
                            <li>Jobs Location :</li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(29, 'Kathmandu' )">Kathmandu</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(45, 'Birganj' )">Birganj</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(53, 'Pokhara' )">Pokhara</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(63, 'Dharan' )">Dharan</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(85, 'Butwal' )">Butwal</a></li>
                            <li><a data-toggle="tab" href="#javascript:void(0)" class="none-click">|</a></li>
                            <li><a target="_blank" href="#" onclick="return CallJobLocation(111, 'Dhangadi' )">Dhangadi</a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>

        <!--Add Content Start here-->
        <div class="adver-share">
            <span class="adver-title">Advertisements</span>
            <div class="advertisements">
                <marquee behavior="scroll" direction="down" style="height: 100%;" scrollamount="15" onmouseover="this.stop();" onmouseout="this.start();">
                <div class="row">
                   <a href="http://google.com" target="_blank"><img src="img/add_demo_01.jpg" class="responsive-image"></a>
                </div>
                <div class="row top-margin">
                    <a href="http://facebook.com" target="_blank"><img src="img/add_demo_02.jpg" class="responsive-image"></a>
                </div>                
                <div class="row top-margin">
                    <a href="http://yahoo.com" target="_blank"><img src="img/add_demo_02.jpg" class="responsive-image"></a>
                </div>
                </marquee>
            </div>

            <div class="social-media-link">
                <ul>
                    <li>
                        <div class="fb-like" data-href="http://www.npljobs.com" data-width="10" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
                    </li>
                    <li>
                        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.npljobs.com"
                            data-count="horizontal">Tweet</a>
                        <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
                    </li>
                    <%--<li>
                        <script src="https://apis.google.com/js/platform.js" async defer></script>
                        <div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://www.npljobs.com"></div>
                    </li>--%>
                    <li>
                        <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
                        <script type="IN/Share" data-url="http://www.npljobs.com" data-counter="right"></script>
                    </li>
                </ul>
            </div>

        </div>
        <!--Add Content Start here-->
    </div>
    <!-- Job add Row Start Here-->
    <div class="row top-margin">
        <!-- Panel Container Start Here-->
        <div class="panel panel-default">
            <!-- Panel Header Here-->
            <div class="panel-heading orange-gradiant">
                <h3 class="panel-title">Hot Jobs | Latest trending jobs</h3>
            </div>
            <!-- Panel Header Here-->

            <!-- Panel Body Start Here-->
            <div class="panel-body">
                <asp:DataList ID="dlHotJobs" runat="server" RepeatColumns="3" RepeatLayout="Table" RepeatDirection="Vertical" Width="100%" CssClass="hotjobs" OnItemDataBound="dlHotJobs_ItemDataBound">
                    <ItemTemplate>
                        <div class="row row-no-padding-margin" onmouseover="ShowDropdown(this);" onmouseleave="CloseDropdown(this)">
                            <div class="col-md-4 row">
                                <div class="pull-left">
                                    <img src="<%# Eval("CompanyImage") %>" width="60" height="50" />
                                </div>
                                <div class="job-add">
                                    <h4 class="hot-jobs-company-name">
                                        <asp:HiddenField ID="lblEmployeerID" runat="server" Value='<%# Eval("EmployeerID") %>'></asp:HiddenField>
                                        <%# DataBinder.Eval(Container.DataItem, "CompanyName") %>
                                    </h4>
                                    <ul class="no-list">
                                        <asp:DataList ID="innerHotJobs" runat="server" RepeatLayout="Table" RepeatColumns="1" Width="100%" CssClass="innerhotjobs">
                                            <ItemTemplate>
                                                <li><a class="hot-jobs-job-title" target="_blank" href="/JobSeeker/JobDetails.aspx?jID=<%# Helper.Base64Encode(Eval("JobID").ToString()) %>"><%# Eval("JobTitle") %></a></li>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </ul>
                                    <h4 runat="server" id="expandimage" style="display: none;">
                                        <img src='Images/expanded.gif' />
                                    </h4>
                                </div>
                            </div>

                            <div class="col-md-4 row" style="display: none; position: absolute; background-color: #F1F2F3; width: 331px;">
                                <div class="pull-left">
                                    <img src="<%# Eval("CompanyImage") %>" width="60" height="50" />
                                </div>
                                <div class="job-add">
                                    <h4 class="hot-jobs-company-name">
                                        <asp:HiddenField ID="lblEmployeerID1" runat="server" Value='<%# Eval("EmployeerID") %>'></asp:HiddenField>
                                        <%# DataBinder.Eval(Container.DataItem, "CompanyName") %>
                                    </h4>
                                    <ul class="no-list">
                                        <asp:DataList ID="innerHotJobs1" runat="server" RepeatLayout="Table" RepeatColumns="1" Width="100%" CssClass="innerhotjobs">
                                            <ItemTemplate>
                                                <li><a class="hot-jobs-job-title" target="_blank" href="/JobSeeker/JobDetails.aspx?jID=<%# Helper.Base64Encode(Eval("JobID").ToString()) %>"><%# Eval("JobTitle") %></a></li>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </ul>
                                    <h4 runat="server" id="collapsedimage">
                                        <img src='Images/collapsed.gif' />
                                    </h4>
                                </div>
                            </div>

                        </div>
                    </ItemTemplate>
                    <AlternatingItemTemplate>
                        <div class="row row-no-padding-margin" onmouseover="ShowDropdown(this);" onmouseleave="CloseDropdown(this)">
                            <div class="col-md-4 row">
                                <div class="pull-left">
                                    <img src="<%# Eval("CompanyImage") %>" width="60" height="50" />
                                </div>
                                <div class="job-add">
                                    <h4 class="hot-jobs-company-name">
                                        <asp:HiddenField ID="lblEmployeerID" runat="server" Value='<%# Eval("EmployeerID") %>'></asp:HiddenField>
                                        <%# DataBinder.Eval(Container.DataItem, "CompanyName") %>
                                    </h4>
                                    <ul class="no-list">
                                        <asp:DataList ID="innerHotJobs" runat="server" RepeatLayout="Table" RepeatColumns="1" Width="100%" CssClass="innerhotjobs">
                                            <ItemTemplate>
                                                <li><a class="hot-jobs-job-title" target="_blank" href="/JobSeeker/JobDetails.aspx?jID=<%# Helper.Base64Encode(Eval("JobID").ToString()) %>"><%# Eval("JobTitle") %></a></li>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </ul>
                                    <h4 runat="server" id="expandimage" style="display: none;">
                                        <img src='Images/expanded.gif' />
                                    </h4>
                                </div>
                            </div>

                            <div class="col-md-4 row" style="display: none; position: absolute; background-color: #F1F2F3; width: 331px;">
                                <div class="pull-left">
                                    <img src="<%# Eval("CompanyImage") %>" width="60" height="50" />
                                </div>
                                <div class="job-add">
                                    <h4 class="hot-jobs-company-name">
                                        <asp:HiddenField ID="lblEmployeerID1" runat="server" Value='<%# Eval("EmployeerID") %>'></asp:HiddenField>
                                        <%# DataBinder.Eval(Container.DataItem, "CompanyName") %>
                                    </h4>
                                    <ul class="no-list">
                                        <asp:DataList ID="innerHotJobs1" runat="server" RepeatLayout="Table" RepeatColumns="1" Width="100%" CssClass="innerhotjobs">
                                            <ItemTemplate>
                                                <li><a class="hot-jobs-job-title" target="_blank" href="/JobSeeker/JobDetails.aspx?jID=<%# Helper.Base64Encode(Eval("JobID").ToString()) %>"><%# Eval("JobTitle") %></a></li>
                                            </ItemTemplate>
                                        </asp:DataList>
                                    </ul>
                                    <h4 runat="server" id="collapsedimage">
                                        <img src='Images/collapsed.gif' />
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </AlternatingItemTemplate>
                </asp:DataList>
            </div>
            <!-- Panel Body Start Here-->
        </div>
        <!-- Job add Row End Here-->
    </div>


    <script>
        $("#<%=dlList.ClientID %> tbody tr td:last li a").css("color", "red");
    </script>
</asp:Content>
